<template>
	<view class="wrap">
		<view class="cellWrap" v-for="(item, index) in carList" :key="index">
			<view class="brandname">
				{{item}}
			</view>
			<view class="carInfo">
				{{item}}
			</view>
		</view>
	</view>
</template>

<script>
	
import {serviceItemsList} from '@/api/marketing-api.js'
export default {
	data() {
	  return {
			businessId : '',
			carList: []
		}
	},
	onLoad(op) {
		this.businessId = op.businessId;
		this.getData();
	},
	methods: {
		getData() {
			serviceItemsList(this.businessId).then(res=> {
				 this.carList = res.data;
			})
		}
	}
}
</script>

<style lang="scss" scoped>
	
	.cellWrap {
		padding: 25upx;
		background-color: #fff;
		border-radius: 5upx;
		margin: 25upx;
		.brandname {
			font-size: 28upx;
			color: #333;
			margin-top: 7upx;
		}
		.carInfo {
			font-size: 24upx;
			color: #999;
			margin-top: 20upx;
			margin-bottom: 5upx;
		}
		
	}
	
</style>
